import {init,h} from 'snabbdom'

const patch = init([])

//第一个参数:标签+选择器
//第二个参数如果是字符串就是标签中的文本内容
let vnode = h('div#container.cls',[
    h('h1', 'hello'),
    h('p', 'yuan')
])
let app = document.querySelector('#app')

//第一个参数：旧的VNode,可以是dom元素
//第二个参数：新的VNode
//返回新的VNode
let oldVnode = patch(app, vnode)

setTimeout(() => {
    vnode = h('div#container',[
        h('h1','hello'),
        h('p', 'hello p')
    ])
    patch(oldVnode,vnode)

    //清除
    // patch(oldVnode, h('!'))
},2000)